<link rel="import" href="../bower_components/polymer/polymer.html">

<dom-module id="edit-element">

	<template>
		my name is <b>{{owner}}</b>
		<br />
		<!--Polymer是通过事件名的约定来实现双向绑定的（关于数据绑定以后会开一张自己讲），
			但是原生标签一开始并不在Polymer的生态圈内，所以没有遵循这一约定，
			因此对于原生标签，我们需要按照下面的格式来给它这是一个自定义的change事件声明，格式如下
			 target-prop="{{hostProp::target-change-event}}"
	    -->
		<input value="{{owner::input}}" placeholder="input事件每次按下键盘都会触发双向绑定的更新">
		<input value="{{owner::change}}" placeholder="change事件只在光标失去焦点的时候触发双向绑定的更新">
	</template>

	<script>
		Polymer({
			is: "edit-element",
			properties: {
				owner: {
					type: String,
					value: "tom" //默认值
				}
			}
		});
	</script>

</dom-module>